<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="/webjars/bootstrap/3.4.1/css/bootstrap.min.css">
    <script src="/webjars/jquery/3.6.0/jquery.min.js"></script>
    <script src="/webjars/bootstrap/3.4.1/js/bootstrap.min.js"></script>
    <style>
        .container{
            text-align: center;
            margin-top: 20px;
            width: 200px;
        }
        .table{
            text-align: center;
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">Rest Ful演示</h3>
            </div>
            <div class="panel-body">
                <table class="table table-striped table-hover table-bordered">
                    <tr>
                        <td>
                            <form method="get" action="/user">
                                <div class="form-group">
                                    <input type="text" class="form-control"  name="username" placeholder="用户名">
                                </div>
                                <input type="submit" value="[GET]" class="form-control">
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <form method="post" action="/user">
                                <div class="form-group">
                                    <input type="text" class="form-control"  name="username" placeholder="用户名">
                                </div>
                                <input type="submit" value="[POST]" class="form-control">
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <form method="post" action="/user">
                                <div class="form-group">
                                    <input type="hidden" name="_m" value="delete">
                                    <input type="text" class="form-control"  name="username" placeholder="用户名">
                                </div>
                                <input type="submit" value="[DELETE]" class="form-control">
                            </form>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            <form method="post" action="/user">
                                <div class="form-group">
                                    <input type="hidden" name="_m" value="put">
                                    <input type="text" class="form-control"  name="username" placeholder="用户名">
                                </div>
                                <input type="submit" value="[PUT]" class="form-control">
                            </form>
                        </td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</body>
</html>
